<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<link href="../../css/asteca.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
.order-table {
	border-collapse: collapse;
}

.order-table-header {
	text-align: center;
	background: none repeat scroll 0 0 #E5E5E5;
	border-bottom: 1px solid #BBBBBB;
	padding: 16px;
}

.order-table-odd-row {
	text-align: center;
	background: none repeat scroll 0 0 #FFFFFFF;
	border-top: 1px solid #BBBBBB;
}

.order-table-even-row {
	text-align: center;
	background: none repeat scroll 0 0 #F9F9F9;
	border-top: 1px solid #BBBBBB;
}

.ui-selectonemenu {
	width: 100%;
}

.ui-selectonemenu-label {
	width: 100%;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	padding-right: 500px;
	text-align: left;
}
</style>
<script type="text/javascript">
	 PrimeFaces.locales ['es'] = {
			    closeText: 'Cerrar',
			    prevText: 'Anterior',
			    nextText: 'Siguiente',
			    monthNames: ['Enero','Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
			    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
			    dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
			    dayNamesShort: ['Dom','Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
			    dayNamesMin: ['D','L','M','X','J','V','S'],
			    weekHeader: 'Semana',
			    firstDay: 1,
			    isRTL: false,
			    showMonthAfterYear: false,
			    yearSuffix: '',
			    timeOnlyTitle: 'Sólo hora',
			    timeText: 'Tiempo',
			    hourText: 'Hora',
			    minuteText: 'Minuto',
			    secondText: 'Segundo',
			    currentText: 'Fecha actual',
			    ampm: false,
			    month: 'Mes',
			    week: 'Semana',
			    day: 'Día',
			    allDayText : 'Todo el día'
			};
</script>
</h:head>

<h:body id="frmEjemplo">
	<h:form>
		<p:idleMonitor timeout="9000000"  >
			<p:ajax event="idle" listener="#{beanLogin.timeout}" />
		</p:idleMonitor>

	</h:form>
	<div id="templatemo_container">

		<div id="templatemo_header">
			<ui:insert name="templatemo_header">
				<ui:include src="/templates/header.xhtml" />
			</ui:insert>
		</div>

		<div id="templatemo_content">
			<div id="templatemo_left_column">
				<ui:insert name="templatemo_left_column">
					<ui:include src="/templates/menu.xhtml" />
				</ui:insert>
			</div>

			<div id="templatemo_middle_column">
				<ui:insert name="templatemo_left_column">
					<p:ajaxStatus onstart="statusDialog.show();"
						onsuccess="statusDialog.hide();" oncomplete="statusDialog.hide();"
						onerror="statusDialog.hide();" />
					<p:dialog modal="true" widgetVar="statusDialog" draggable="false"
						closable="false" resizable="false">
						<p:graphicImage value="../../images/ajax-loader.gif" />
					</p:dialog>
					<!-- <ui:include src="#{menuBean.navegacion}" /> -->
					<ui:insert name="espacio_trabajo" >
						<table align="center">
				<tr>
					<td>
						<div class="gradientBoxesWithOuterShadows">
							<table align="center">
								<tr>
									<td align="center"><h1>Sistema de Control Escolar</h1>
									</td>
								</tr>
								<tr>
									<td><img id="logo"
										src="#{facesContext.externalContext.requestContextPath}/resources/images/logo_asteca.png" />
									</td>
								</tr>
							</table>

						</div>
					</td>
				</tr>
			</table>
					</ui:insert>
				</ui:insert>
			</div>
		</div>

		<div id="templatemo_footer">
			<table align="center">
				<tr>
					<td>#{msg.frsSoporte}</td>
					<td><p:graphicImage value="../../images/logo-intuition.png" />
					</td>
				</tr>
			</table>
		</div>

	</div>
</h:body>
</html>